<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/harmony.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">咨询动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <!-- 图片 -->
        <div class="banner">
            <img src="../assets/uploads/harmony_banner.webp" alt="">
        </div>

        <div class="intro">
            <h2 class="com-title">为什么要学鸿蒙生态开发?</h2>

            <div class="intro-box wrapper">
                <img class="big" src="../assets/uploads/harmony_intro.webp" alt="">
                <img class="small" src="../assets/uploads/harmony_subintro.webp" alt="">
            </div>
        </div>

        <div class="home-section-bg">
            <!-- 鸿蒙掘金时代 挑战职业“薪”机遇 -->
            <div class="development">
                <h2 class="com-title">鸿蒙掘金时代 挑战职业“薪”机遇</h2>
                <ul class="development-list wrapper">
                    <li class="development-item">
                        <img src="../assets/uploads/development1.webp" alt="">
                    </li>
                    <li class="development-item">
                        <img src="../assets/uploads/development2.webp" alt="">
                    </li>
                    <li class="development-item">
                        <img src="../assets/uploads/development3.webp" alt="">
                    </li>
                </ul>
            </div>
        </div>

        <!-- 适合人群 -->
        <div class="people">
            <h2 class="com-title">适合人群</h2>

            <ul class="people-list wrapper">
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people5.webp" alt="">
                    </div>
                    <h5>应届生/计算机专业</h5>
                    <p>通过学习鸿蒙新技术，进入互联网，高起点就业。</p>
                </li>
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people7.webp" alt="">
                    </div>
                    <h5>零基础转行</h5>
                    <p>布局新赛道，抓住热点方向，夯实核心竞争力，享受技术红利。</p>
                </li>
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people1.webp" alt="">
                    </div>
                    <h5>技术提升/升职加薪</h5>
                    <p>扩宽职业快速掌握鸿蒙技术，发展空间，顺应时代趋势。</p>
                </li>
            </ul>
        </div>

        <!-- 鸿蒙生态开发课程 -->
        <div class="home-section-bg">
            <div class="courses">
                <h2 class="com-title">鸿蒙生态开发课程</h2>

                <div class="course-table wrapper">
                    <div class="left">
                        <ul class="left-list">
                            <li class="left-item active">
                                <h6>阶段一</h6>
                                <p>鸿蒙基础</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段二</h6>
                                <p>HarmonyOS开发入门</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段三</h6>
                                <p>鸿蒙系统功能App开发</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段四</h6>
                                <p>多端适配开发</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段五</h6>
                                <p>元服务与多媒体开发</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段六</h6>
                                <p>多平台混合开发</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段七</h6>
                                <p>互联⽹⼤⼚笔试⾯试</p>
                            </li>
                        </ul>
                    </div>

                    <ul class="all-list">
                        <li class="single-list active">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.了解鸿蒙系统和相关开发语言；<br>
                                            2.掌握移动端和PC端布局方式；<br>
                                            3.掌握JS和TS的核心语法。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.从企业级项目的角度出发，掌握多种布局方式完整复刻项目需求，源码级别讲解，具备良好的编程思维。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.HarmonyOS简介及相关语言介绍；<br>
                                            2.HTML和CSS基本知识；<br>
                                            3.JavaScript基本知识；<br>
                                            4.JavaScript模块化和异步编程；<br>
                                            5.TypeScript的基本语法;<br>
                                            6.TypeScript的高级用法。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握鸿蒙应用开发环境搭建和DevEco Studio的使用技巧；<br>
                                            2.掌握ArkUI的常用系统组件使用；<br>
                                            3.掌握自定义组件和组件状态管理的相关技术；<br>
                                            4.掌握应用与后台交互技术；<br>
                                            5.掌握页面路由管理与页面动画的相关技术;<br>
                                            6.掌握项目代码管理工具Git的使用。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.知识点讲解深入浅出，一步步构建鸿蒙应用开发的知识体系从无到有，逐行讲解实现单词打卡App，初步掌握鸿蒙应用开发技术；</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.搭建鸿蒙应用开发环境；<br>
                                            2.ArkTS语法入门及常见UI组件；<br>
                                            3.常见Layout组件、自定义组件及状态管理；<br>
                                            4.动画和HTTP请求与后台交互；<br>
                                            5.页面路由。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握应用权限的声明、动态权限校验与申请；<br>
                                            2.掌握获取当前位置、地址解析等位置服务功能；<br>
                                            3.掌握拍照、图片处理、音频处理、视频处理技术；<br>
                                            4.掌握联系人管理，垃圾电话、垃圾短信拦截技术；<br>
                                            5.掌握数据加密、解密、文件管理技术；<br>
                                            6.掌握后台任务、多线程并发等技术。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.通过项目功能驱动，详细讲解如何调用鸿蒙系统手机各方面的系统功能；<br>
                                            2.完整实现定位、拍照、录音、垃圾电话拦截、通讯录备份等功能。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.应用权限管理及通知管理；<br>
                                            2.文件管理和后台任务管理；<br>
                                            3.定位与地理位置服务；<br>
                                            4.多媒体、传感器、电话和短信功能；<br>
                                            5.数据安全处理及多线程与并发。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握各种页面布局方案；<br>
                                            2.掌握组件封装思想；<br>
                                            3.掌握移动端屏幕适配；<br>
                                            4.掌握地图定位、选点功能；<br>
                                            5.掌握原生视频播放。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.多端适配开发：一次开发，多端部署，手机、平板、折叠屏设备适配；<br>
                                            2.多媒体应用：包含图片、视频技术，带来丰富多彩的视听体验；<br>
                                            3.3D 场景：使用 3D 引擎、打造沉浸式体验；<br>
                                            4.原生地图：使用地图库、地理位置等服务实现原生地图应用。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.深入理解&掌握搭建页面布局；<br>
                                            2.封装业务组件&公共组件；<br>
                                            3.移动端屏幕适配；<br>
                                            4.地图功能和视频功能；<br>
                                            5.封装企业级的请求函数。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握多媒体音频开发能力；<br>
                                            2.掌握本地关系型数据库技术的开发能力;<br>
                                            3.掌握文件上传与下载的开发能力;<br>
                                            4.掌握本地文件管理的开发;<br>
                                            5.掌握与第三方支付实现在线支付的开发能力;<br>
                                            6.掌握第三方工具库的封装和发布能力;</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.围绕多媒体、文件管理、上传下载、本地数据库等鸿蒙进阶功能进讲解；<br>
                                            2.深入理解元数据与主应用之间的关系与数据互动；<br>
                                            3.解决在当前生态资源有限的情况下如何实现支付场景;<br>
                                            4.涉及当前版本中系统的一些“小坑”及解决方案。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.前后端交互技术的使用；<br>
                                            2.多媒体音频的播放和控制；<br>
                                            3.数据库本地存储；<br>
                                            4.文件的上传和下载；<br>
                                            5.工具库的封装和发布。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握流行的前端框架vue3及其插件；<br>
                                            2.掌握多平台小程序uni-app及其相关插件的使用；<br>
                                            3.掌握鸿蒙App端与H5的混合开发技术；<br>
                                            4.掌握多平台混合打包技术。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.全面讲解前端流行技术：Vue3、uni-app小程序；<br>
                                            2.深入鸿蒙混合式应用开发项目实战。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Vue3组合式API；<br>
                                            2.状态管理库pinia;<br>
                                            3.uni-app核心技术；<br>
                                            4.跨平台UI组件库uni-components；<br>
                                            5.App端与前端网页相互通信；<br>
                                            6.应用多平台小程序打包。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.个性化的简历制作；<br>
                                            2.互联⽹⼤⼚近五年的⾼频笔试题；<br>
                                            3.⼀对⼀、⼀对多的互联⽹⼤⼚模拟⾯试、⾯试专题指导。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.专业的简历指导，千⼈千⾯，全⽅⾯凸显学员专业技能优点；<br>
                                            2.互联⽹⼤⼚⾼频笔试、⾯试题，强化学员笔⾯试能⼒；<br>
                                            3.组织企业在职⾯试官，现身说法，实地考核，助⼒学员从容应对⾯试。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.简历库；<br>
                                            2.笔试题库；<br>
                                            3.⾯试题库；<br>
                                            4.项⽬库。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>

                    <script>
                        const tabs = document.querySelectorAll(".left-list .left-item");
                        const tab_contents = document.querySelectorAll(".all-list .single-list");

                        tabs.forEach((tab, index) => {
                            tab.addEventListener('click', () => {
                                tabs.forEach(tab => {
                                    tab.classList.remove('active');
                                })
                                tab_contents.forEach(tab_content => {
                                    tab_content.classList.remove('active');
                                })

                                tab.classList.add('active');
                                tab_contents[index].classList.add('active');
                            })
                        })
                    </script>

                </div>
            </div>
        </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="../assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="../assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="../assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="../assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="../page/online.html" target="_blank">在线课程</a></li>
                <li><a href="../page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="../page/student.html" target="_blank">学员风采</a></li>
                <li><a href="../page/job.html" target="_blank">就业信息</a></li>
                <li><a href="../page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="../page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

</body>

</html>